// ? 定义颜色 进行夜间模式切换
/* 背景颜色规范(主要) */
$background-color-theme: #ffffff;//背景主题颜色默认(网易红)
// $background-color-theme: #d43c33;//背景主题颜色默认(网易红)
$background-color-theme2: #42b983;//背景主题颜色1(QQ绿)
$background-color-theme1: #333;//背景主题颜色2(夜间模式)


@mixin bg_color(){
    background: $background-color-theme;
    [data-theme=theme1] & {
      background: $background-color-theme1;
    }
    [data-theme=theme2] & {
      background: $background-color-theme2;
    }
  }
  



$fs_small:12px;
$fs_mid:14px;
$fs_big:16px;
$fs_large:18px;
$fs_xlarge:20px;
$fs_title:24px;
$fs_huge:32px;
$fs_giant:40px;

$color_title_line:#536dfe;
$color_primary: #FF6F61;
$color_secondary: #FFD166;
$color_tertiary: #6B5B95;
$color_quaternary: #88B04B;
$color_quinary: #F7CAC9;
$color_senary: #92A8D1;
$color_septenary: #955251;
$color_octonary: #B565A7;
$color_novenary: #009B77;
$color_denary: #DD4124;
$color_white: #FFFFFF;
$color_grey: #808080;
$color_light_grey: #D3D3D3;
$color_dark_grey: #A9A9A9;
$color_light: #F5F5F5;
$color_dark: #333333;

$font_primary: 'Roboto', sans-serif;
$font_secondary: 'Open Sans', sans-serif;
$font_tertiary: 'Lato', sans-serif;
$font_quaternary: 'Montserrat', sans-serif;
$font_quinary: 'Oswald', sans-serif;
$font_senary: 'Raleway', sans-serif;
$font_septenary: 'Roboto Condensed', sans-serif;
$font_octonary: 'Roboto Slab', serif;
$font_novenary: 'Source Sans Pro', sans-serif;
$font_denary: 'Ubuntu', sans-serif;
$font_light: 300;
$font_regular: 400;
$font_medium: 500;
$font_semibold: 600;
$font_bold: 700;
$font_black: 900;

// Path: src/assets/style/theme.scss
$border_radius: 5px;
$border_width: 1px;
$border_color: #D3D3D3;
$box_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
$box_shadow_hover: 0 0 10px 0 rgba(0, 0, 0, 0.2);
$box_shadow_active: 0 0 10px 0 rgba(0, 0, 0, 0.3);
$box_shadow_focus: 0 0 10px 0 rgba(0, 0, 0, 0.4);
$box_shadow_disabled: 0 0 10px 0 rgba(0, 0, 0, 0.5);
$box_shadow_error: 0 0 10px 0 rgba(0, 0, 0, 0.6);
$box_shadow_success: 0 0 10px 0 rgba(0, 0, 0, 0.7);
$box_shadow_warning: 0 0 10px 0 rgba(0, 0, 0, 0.8);
$box_shadow_info: 0 0 10px 0 rgba(0, 0, 0, 0.9);
$box_shadow_primary: 0 0 10px 0 rgba(0, 0, 0, 1);

$transition_duration: 0.3s;
$transition_timing_function: ease-in-out;
$transition_delay: 0s;


